<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #bg1{
            background: url('qQLY07vrXW.jpg');
            width: 100%;
            height: 120px;
            background-size: 100% 100%;
        }
        #bg2{
            position: absolute;
            top: 120px;
            width: 99%;
            height: calc(100% - 120px);
            background: url("qQLY0RP49W.jpg");
            background-size: 100% 100%;
        }
        .span1{
            background-color: mediumseagreen ;
            border: 1px solid black;
            margin-left: 50px;
            text-align: center;
            display:block;
            float:left;
            width: 150px;
            height: 30px;
        }
        hr{
            width: 95%;
            height: 5px;
            background-color: aqua;
            margin-top: 40px;
        }



    </style>
</head>
<body>
    <div id="bg1">
        <br/>
        <br/>
        <br/>
        <span class="span1">团结</span>
        <span class="span1">进取</span>
        <span class="span1">友谊</span>
        <span class="span1">开朗</span>
        <span class="span1">奋斗</span>
        <span class="span1">成功</span>
        <span class="span1">主页</span>
        <hr>
    </div>
    <div id="bg2">
       <img src="boysgrils.png" style="width: 20%;height: 100%;float: left" >
        <p style="text-align: center">
            <span style="font-size: 40px">精彩人生</span><br>
            <table style="margin:80px auto 80px auto" border=2>
            <tr><td colspan="2" ><img src="q4XLye56Y6.jpg" style="width: 500px;height: 25px"></td></tr>
            <tr><td>学生时代</td><td>连续三年当选学生班干部冰多次被评为三好学生</td></tr>
            <tr><td>工作历程</td><td>工作第一年获得先进个人称号</td></tr>
            <tr><td>工作历程</td><td>第二年获优秀</td></tr>
            <tr><td>工作历程</td><td>第三年晋级</td></tr>
            <tr><td>工作历程</td><td>第四年获先进个人称号</td></tr>
            <tr><td>工作历程</td><td>第五年获先进个人称号</td></tr>
        </table>
        </p>
    </div>
</body>
</html>